<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>主页</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="../js/layui/css/layui.css" media="all"/>
    <link rel="stylesheet" href="../style/admin.css" media="all">
    <link rel="stylesheet" href="../style/home.css" media="all">

    <style>
        .console-head {
            margin: 0;
            background-color: #CFEEFF;
            color: #000000;
            border-radius: 4px;
        }

        .layui-col-md8 {
            padding: 10px 10px 10px 0;
        }

        .layui-col-md4 {
            padding: 10px 0px 10px 0;
        }

        .layui-card {
            border-width: 1px;
            border-style: solid;
            border-radius: 2px;
            border-color: white;
            box-shadow: 1px 1px 4px rgb(0 0 0 / 8%);
            margin: 0 10px 10px 0;
        }

        .layui-card-header {
            font-size: 15px;
            font-weight: 600;
            color: #000000;
            padding-left: 5px;
        }

        .layui-card-header img {
            width: 25px;
            height: 25px;
        }

        .fs15 {
            font-size: 15px;
            color: #FFFFFF;
        }

        .layui-form-select dl dd {
            color: #0C0C0C;
        }

        .layui-card-body {
            padding: 5px 10px;
        }

        .layui-table-header {
            border-width: 0px;
        }

        .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row] {
            border-width: 0px;
        }

        .layui-table tbody tr:hover, .layui-table-view .layui-table td:hover {
            cursor: pointer;
        }

        .layui-col-space12 {
            margin: 0px;
        }

        .layui-card-header .layui-icon {
            color: #c9c9c9;
        }

        .layui-card .layui-tab-brief .layui-tab-title {
            height: 22px;
            border-bottom-width: 0px;
            color: #c9c9c9;
        }

        .layui-tab {
            margin: 10px 0;
            text-align: right !important;
        }

        .layui-card .layui-tab-brief .layui-tab-title li {
            margin: 0 5px 0 0;
            line-height: 22px;
            min-width: 35px;
            font-size: 12px;
        }

        .layui-card .layui-tab-brief .layui-tab-title .layui-this:after {
            height: 23px;
        }

        .layui-tab-item {
            font-size: 18px;
            text-align: center;
        }

        .panel-box-str {
            font-size: 25px;
            text-align: center;
            padding-top: 10px;
            color: #2a8edd;
        }
    </style>
</head>
<body layadmin-themealias="default">

<div class="layui-fluid" style="background-color: #fff">
    <div class="layui-row layui-col-space12">
        <div class="layui-row console-head">
            <div class="layui-col-md8">
                <p style="font-size: 22px">Hello</p>
                <p th:text="${welcomeInfo}"></p>
            </div>
        </div>
        <div class="layui-col-md8">
            <div class="layui-card">
                <div class="layui-card-header">
                    快捷方式
                </div>
                <div class="layui-card-body">
                    <div class="layui-row  " style="padding: 10px">
                        <div style="width: 130px; padding-right: 20px; float: left" th:each="option : ${shortcuts}">
                            <a th:attr="lay-href=${option.route}" th:attrappend="data-name=${option.modulename}">
                                <div class="layui-card">
                                    <div class="layui-card-header"
                                         style="height: 50px;    line-height: 50px; margin-left:20px; border-bottom:none">
                                        <img th:src="${option.imgsrc}" alt="" style="width: 50px; height: 50px"/>
                                    </div>
                                    <div class="layui-card-body"
                                         style="color: #0a84ff; font-size: 15px; margin-left: 10px"
                                         th:text="${option.title}">
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-card">
                <div class="layui-card-header">
                    数据概览
                </div>
                <div class="layui-card-body">
                    <div class="layui-row">
                        <div class="layui-col-md2">
                            <div class="layui-card">

                            </div>
                        </div>
                        <div class="layui-col-md2">
                            <div class="layui-card">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-card">
                <div class="layui-card-header">
                    成果概要统计
                </div>
                <div class="layui-card-body">
                    <div id="chart-container" style="height: 250px"></div>
                </div>
            </div>
        </div>

        <div class="layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-header">系统公告</div>
                <div class="layui-card-body layui-text">
                    <table id="noticeTable" lay-filter="noticeTable"></table>
                </div>
            </div>


            <div class="layui-card">
                <div class="layui-card-header">知识库</div>
                <div class="layui-card-body layadmin-takerates">

                </div>
            </div>
        </div>
    </div>
    <script src="../js/layui/layui.js"></script>
</div>
</body>

<script src="../js/component/echarts.min.js"></script>
<script src="../js/component/westeros.js"></script>
<script src="../js/modules/home/console.js"></script>
<script type="text/javascript" src="../js/lib/watermark.js"></script>

</html>